<template>
  <div id="app">
    <el-container class="my-container">
      <el-aside width="auto">
        <NavBar/>
      </el-aside>
      <el-main class="my-main">
        <router-view/>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import NavBar from '@/components/NavBar';
export default {
  name: 'App',
  components: {NavBar}
};
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
html, body {
  height: 100%;
  overflow-y: hidden;
}
</style>
<style scoped>
#app, .my-container {
  height: 100%;
  overflow-y: hidden;
}
.my-main {
  padding: 0px 5px;
  overflow: hidden auto;
  height: 100%;
}
</style>
